.reader-list-item__title,
.reader-list-item__description {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 54px;
	margin-right: 100px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;

	&:after {
		@include long-content-fade();
	}
}

.reader-list-item__card.is-placeholder {

	.reader-list-item__title,
	.reader-list-item__description {
		pointer-events: none;
		user-select: none;
		color: transparent;
		background-color: lighten( $gray, 30% );
		animation: loading-fade 1.6s ease-in-out infinite;
	}

	.reader-list-item__title {
		margin-top: -3px;
	}

	.reader-list-item__description {
		margin-top: 4px;
		width: 25%;
	}
}

.reader-list-item__title {
	color: $gray-dark;
	font-size: 16px;

	a {
		color: $gray-dark;
	}
}

.reader-list-item__description {
	font-style: italic;
	font-size: 13px;
	color: $gray;

	a {
		color: $gray;
	}
}

.reader-list-item__icon {
	position: absolute;
		left: 16px;
		top: 14px;
	height: 48px;
	width: 48px;
	text-align: center;

	.gridicon {
		background: lighten( $gray, 20 );
		fill: $white;
		position: relative;
			top: 1px;
	}
}

.reader-list-item__actions {
	position: absolute;
		bottom: 0;
		right: 20px;
		top: 18px;

	.follow-button__label {

		@include breakpoint( "<660px" ) {
			display: none;
		}
	}
}

.foldable-card {

	.reader-list-item__icon {
		left: 42px;
	}

	.reader-list-item__title,
	.reader-list-item__description {
		margin: 0 100px 0 90px;

		@include breakpoint( "<660px" ) {
			margin: 0 30px 0 90px;
		}
	}
}
